Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>HCard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/HCard"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-HCard rootpage-HCard skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HCard</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p><b>hCard</b> ist ein <a href="Mikroformat" title="Mikroformat">Mikroformat</a> für die Veröffentlichung von Kontaktinformationen (die auch nicht mehr als den Namen enthalten können) von Personen, Unternehmen, Organisationen und Orten in <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>, <a href="Atom_(Format)" title="Atom (Format)">Atom</a>, <a href="RSS_(Web-Feed)" title="RSS (Web-Feed)">RSS</a> oder beliebigem <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Das hCard-Mikroformat erreicht dies durch 1:1-Darstellung der <a href="VCard" title="VCard">vCard</a>-(RFC&nbsp;2426)-Eigenschaften<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> und Einträge, die durch HTML-Klassen und <i>rel</i>-Attribute gekennzeichnet sind.
</p><p>Es ermöglicht Analysewerkzeugen (zum Beispiel anderen Websites oder <a href="Mozilla_Firefox" title="Mozilla Firefox">Firefox</a>’ <i>Operator</i>-Erweiterung) die Details zu extrahieren und sie mit Hilfe anderer Websites oder <a href="Zuordnungstabelle" title="Zuordnungstabelle">Zuordnungswerkzeugen</a>, sie zu indizieren oder zu durchsuchen, oder sie in ein Adressbuch zu laden.
</p><p>Im Mai 2009 kündigte <a href="Google_Suche" class="mw-redirect" title="Google Suche">Google</a> an, die Mikroformate hCard, hReview and hProduct zu analysieren und zur Ergänzung in Suchergebnisseiten zu verwenden.<sup id="cite_ref-Rich-Snippets_3-0" class="reference"><a href="#cite_note-Rich-Snippets-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> Im September 2010 gab Google die Absicht bekannt, hCard- und hReview-Information in seinen lokalen Suchergebnissen anzuzeigen.<sup id="cite_ref-Rich-Snippets_In_Local_4-0" class="reference"><a href="#cite_note-Rich-Snippets_In_Local-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> Im Februar 2011 begann <a href="Facebook" title="Facebook">Facebook</a> mit der Verwendung von hCard zur Kennzeichnung von Veranstaltungsorten.<sup id="cite_ref-Protalinski_5-0" class="reference"><a href="#cite_note-Protalinski-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</p>

<div class="mw-heading mw-heading2"><h2 id="Beispiel">Beispiel</h2></div>
<p>Beachte folgenden HTML-Auszug:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">ul</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;</span>Maximilian Mustermann<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;</span>May<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;</span>Beispielunternehmen<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;</span>+49 30 23125 123<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://example.de/"</span><span class="p">&gt;</span>https://example.de/<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span>
</pre></div>
<p>Mit Mikroformat-Kennzeichnung wird daraus:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">ul</span> <span class="na">class</span><span class="o">=</span><span class="s">"vcard"</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">"fn"</span><span class="p">&gt;</span>Maximilian Mustermann<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">"nickname"</span><span class="p">&gt;</span>Max<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">"org"</span><span class="p">&gt;</span>Beispielunternehmen<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span> <span class="na">class</span><span class="o">=</span><span class="s">"tel"</span><span class="p">&gt;</span>+49 30 2315 123<span class="p">&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;</span><span class="nt">li</span><span class="p">&gt;&lt;</span><span class="nt">a</span> <span class="na">class</span><span class="o">=</span><span class="s">"url"</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://example.de/"</span><span class="p">&gt;</span>https://example.de/<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;&lt;/</span><span class="nt">li</span><span class="p">&gt;</span>
<span class="p">&lt;/</span><span class="nt">ul</span><span class="p">&gt;</span>
</pre></div>
<p>Ein Profil kann optional in den Seitenkopf integriert werden:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"profile"</span> <span class="na">href</span><span class="o">=</span><span class="s">"http://microformats.org/profile/hcard"</span><span class="p">&gt;</span>
</pre></div>
<p>Hier werden die Eigenschaften <i>fn</i> (Vollständiger Name), Spitzname, <i>org</i> (Organisation), <i>tel</i> (Telefonnummer) und <i>url</i> (<a href="Uniform_Resource_Locator" title="Uniform Resource Locator">Web-Adresse</a>) unter Verwendung bestimmter Klassennamen gekennzeichnet. Der gesamte Eintrag wird mit <code>class="vcard"</code> zusammengefasst, das zeigt, dass die anderen Klassen eine hcard bilden und nicht nur zufällig so benannt wurden. Wenn die hCard für eine Organisation oder einen Veranstaltungsort vorgesehen ist, werden die <i>fn</i> und <i>org</i> Klassen im selben Element verwendet. Wie hier: <code style="white-space:nowrap" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><span class="p">&lt;</span><span class="nt">span</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"fn org"</span><span class="p">&gt;</span>Wikipedia<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span></code> oder <code style="white-space:nowrap" class="mw-highlight mw-highlight-lang-wikitext mw-content-ltr" dir="ltr"><span class="p">&lt;</span><span class="nt">span</span><span class="w"> </span><span class="na">class</span><span class="o">=</span><span class="s2">"fn org"</span><span class="p">&gt;</span>Wembley Stadium<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span></code>. Es existieren auch weitere optionale hCard-Klassen.
</p><p>Es ist für Software, zum Beispiel Browser-Erweiterungen, mittlerweile möglich diese Informationen auszulesen und an andere Anwendungen, wie ein Adressbuch, zu übergeben.
</p>
<div class="mw-heading mw-heading2"><h2 id="Geo_und_adr">Geo und adr</h2></div>
<p>Das <a href="Geo_(Mikroformat)" title="Geo (Mikroformat)">Geo-Mikroformat</a> ist ein Teil der hCard-Spezifikation und wird oft verwendet, um die Koordinaten eines Ortes in eine hCard zu integrieren.
</p><p>Der <i>adr</i>-Teil der hCard kann auch als selbstständiges Mikroformat verwendet werden.
</p>
<div class="mw-heading mw-heading2"><h2 id="Weitere_Attribute">Weitere Attribute</h2></div>
<p>Andere häufig verwendete hCard-Attribute sind
</p>
<ul><li><code>bday</code> – das Geburtsdatum einer Person</li>
<li><code>email</code></li>
<li><code>honorific-prefix</code> – Ehrenvorsatz</li>
<li><code>honorific-suffix</code> – Ehrenanhang</li>
<li><code>label</code> – für <a href="Granularit%C3%A4t_(Daten)" title="Granularität (Daten)">nicht-granulare</a> Adressen</li>
<li><code>logo</code></li>
<li><code>nickname</code> – der Spitzname einer Person</li>
<li><code>note</code> – Freitext</li>
<li><code>photo</code></li>
<li><code>post-office-box</code> – Postfach</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>
<ul><li><a href="VCard" title="VCard">vCard</a></li>
<li><a href="XHTML_Friends_Network" title="XHTML Friends Network">XHTML Friends Network</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>John Allsopp: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Microformats: Empowering Your Markup for Web 2.0</cite>. 2007, ISBN 978-1-59059-814-6 (englisch).<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:HCard&amp;rft.au=John+Allsopp&amp;rft.btitle=Microformats%3A+Empowering+Your+Markup+for+Web+2.0&amp;rft.date=2007&amp;rft.genre=book&amp;rft.isbn=9781590598146" style="display:none">&nbsp;</span></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="http://microformats.org/wiki/hcard">hCard spec.</a> microformats.org</li>
<li><a rel="nofollow" class="external text" href="http://microformats.org/wiki/hcard-cheatsheet">hCard cheat-sheet.</a> microformats.org</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Leslie Sikos: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Web Standards: Mastering HTML5, CSS3, and XML</cite>. 2011, ISBN 978-1-4302-4041-9 (englisch).<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rfr_id=info:sid/de.wikipedia.org:HCard&amp;rft.au=Leslie+Sikos&amp;rft.btitle=Web+Standards%3A+Mastering+HTML5%2C+CSS3%2C+and+XML&amp;rft.date=2011&amp;rft.genre=book&amp;rft.isbn=9781430240419" style="display:none">&nbsp;</span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><i><a href="Request_for_Comments" title="Request for Comments">RFC</a>: <style data-mw-deduplicate="TemplateStyles:r250917974">
/* start https://de.wikipedia.org/ */


.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}


/* end https://de.wikipedia.org/ */
</style><span class="dewiki-iconexternal"><a href="https://datatracker.ietf.org/doc/html/rfc2426" class="extiw external" title="rfc:2426">2426</a></span></i>&nbsp;– <i><span lang="en">vCard MIME Directory Profile</span></i>. September 1998 (englisch).</span>
</li>
<li id="cite_note-Rich-Snippets-3"><span class="mw-cite-backlink"><a href="#cite_ref-Rich-Snippets_3-0">↑</a></span> <span class="reference-text"><span class="cite">Kavi Goel, Ramanathan V. Guha: <a rel="nofollow" class="external text" href="http://googlewebmastercentral.blogspot.com/2009/05/introducing-rich-snippets.html"><i>Introducing Rich Snippets.</i></a> In: <i>Google Webmaster Central Blog.</i> 12.&nbsp;Mai 2009,<span class="Abrufdatum"> abgerufen am 25.&nbsp;Mai 2009</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AHCard&amp;rft.title=Introducing+Rich+Snippets&amp;rft.description=Introducing+Rich+Snippets&amp;rft.identifier=http%3A%2F%2Fgooglewebmastercentral.blogspot.com%2F2009%2F05%2Fintroducing-rich-snippets.html&amp;rft.creator=Kavi+Goel%2C+Ramanathan+V.+Guha&amp;rft.date=2009-05-12&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-Rich-Snippets_In_Local-4"><span class="mw-cite-backlink"><a href="#cite_ref-Rich-Snippets_In_Local_4-0">↑</a></span> <span class="reference-text"><span class="cite">Mike Blumenthal: <a rel="nofollow" class="external text" href="http://blumenthals.com/blog/2010/09/22/google-announces-full-support-for-microformats-in-local/"><i>Google Announces Full Support for Microformats in Local.</i></a> In: <i>blumenthals.com.</i> Understanding Google Maps, 22.&nbsp;September 2010,<span class="Abrufdatum"> abgerufen am 30.&nbsp;September 2010</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AHCard&amp;rft.title=Google+Announces+Full+Support+for+Microformats+in+Local&amp;rft.description=Google+Announces+Full+Support+for+Microformats+in+Local&amp;rft.identifier=http%3A%2F%2Fblumenthals.com%2Fblog%2F2010%2F09%2F22%2Fgoogle-announces-full-support-for-microformats-in-local%2F&amp;rft.creator=Mike+Blumenthal&amp;rft.publisher=Understanding+Google+Maps&amp;rft.date=2010-09-22&amp;rft.language=en">&nbsp;</span></span>
</li>
<li id="cite_note-Protalinski-5"><span class="mw-cite-backlink"><a href="#cite_ref-Protalinski_5-0">↑</a></span> <span class="reference-text"><span class="cite">Emil Protalinski: <a rel="nofollow" class="external text" href="https://www.zdnet.com/blog/facebook/facebook-adds-hcalendar-and-hcard-microformats-to-events/266"><i>Facebook adds hCalendar and hCard microformats to Events.</i></a> ZDNet, 18.&nbsp;Februar 2011,<span class="Abrufdatum"> abgerufen am 24.&nbsp;März 2011</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AHCard&amp;rft.title=Facebook+adds+hCalendar+and+hCard+microformats+to+Events&amp;rft.description=Facebook+adds+hCalendar+and+hCard+microformats+to+Events&amp;rft.identifier=http%3A%2F%2Fwww.zdnet.com%2Fblog%2Ffacebook%2Ffacebook-adds-hcalendar-and-hcard-microformats-to-events%2F266&amp;rft.creator=Emil+Protalinski&amp;rft.publisher=ZDNet&amp;rft.date=2011-02-18&amp;rft.language=en">&nbsp;</span></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2023-11-14" href="https://de.wikipedia.org/wiki/?title=HCard&amp;oldid=239122439">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>